<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style>
	.right02 { padding:9px 10px;height:50px; }
	.right02 .r_img { float:left; }
	.right02 .r_desc {  float:left;padding:10px 0 0 30px;line-height:20px;overflow:hidden; }

	.right03 { padding:9px 10px }
	.right03 .caption { height:30px;border-top:1px solid #BFC4CA;background:#E1E5EE;line-height:30px;font-size:12px;color:#333333;font-weight:bold;padding-left:15px; }
	#info { width:100%;text-align:center;font-size:12px; }
	#info tr td { padding:5px; }

	

</style>
<script type="text/javascript" src="./js/jquery-1.12.1.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		init();
	});
	
	function init() {
		$("#anniu").click(
			function() {
				takePhoto();
			}
		)
	}

	function takePhoto()
	{
		var str = "photo=1";
		$.ajax({
			type:"POST",
			url:"./cgi-bin/photo.cgi",
			data:str,
			success:function (data){
				alert(data);
			}
		});
	}

</script>
</head>
<body>


<div class="rrcc" id="RightBox">
	<div class="right" id="li010">
		<div class="right01"><img src="images/04.gif" /> &nbsp; 功能列表 &gt; <span>实时监控</span></div>
		<div class="right02">
			<div class="r_img"><img width="54" height="55" src="./images/vedio.png"></div>
			<div class="r_desc">在这里，您可以查看和更新实时监控信息！<br/>
							包括实时图像以及图像抓拍操作。
			</div>
		</div>
		
		<div class="right03" style="positon:absoluted;">

			<div class="caption" style="width:585px;">
				实时监控信息
				<div style="float:right;margin-right:10px;">
<!-- 				<select id="num"> -->
<!-- 					<option value="1">拍摄一张</option> -->
<!-- 					<option value="2">拍摄两张</option> -->
<!-- 					<option value="3">拍摄三张</option> -->
<!-- 				</select> -->
				<button id="anniu">拍摄</button>
				</div>
			</div>
			<iframe src="http://192.168.1.112:8080/?action=stream" name="" width="600" height="350" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">

		</div>
	</div>
</div>

</body>
</html>
